import Vue from 'vue'
import SvgIcon from '@/components/SvgIcon'// svg component

// register globally
Vue.component('svg-icon', SvgIcon)
// require.context(directory,useSubdirectories,regExp)
// require.context是个函数，是为了实现自动导入，不希望手动import 文件太多 import不过来
// 1、要查找的文件路径
// 2、是否查找子目录
// 3、要匹配的文件的正则
const req = require.context('./svg', false, /\.svg$/)
// 通过这个方法可以获取到要查找的所有文件的路径的集合
console.log(req.keys())
// 通过上面获取到的文件路径的集合，批量导入所有的文件
const requireAll = requireContext => requireContext.keys().map(requireContext)
requireAll(req)

// svg-sprites svg精灵图=> webpack插件  svg-sprites-loader=>会自动将所有的import进来的svg图标拼到一个大的容器中

